<template>
  <section>
    <div class="aComeback">
      <div @click="comeback">
        <img src="../../assets/other/goback.png" alt="">
      </div>
    </div>
    <div class="aboutUs">
      <img src="../../assets/my/aboutUs.jpg" alt="">
    </div>
    <div class="mainDiv">
      <div class="aboutUs-introduction">四川行者乐游科技有限公司（携玩网）创立2016年3月，是一家专业的娱乐营销服务商。公司集娱乐营销软件系统开发、娱乐营销方案设计策划及娱乐营销项目平台运营等功能为一身，帮助企业将娱乐因素融入其产品或服务中，通过娱乐、活动、游戏等形式有效地协助企业锁定目标客群，达到广告宣传，以及个性化精准营销的目的。目前，携玩网全力打造移动社交电商平台
      ---- 乐销商城，最终实现一个高端产品平民化消费的消费新生态、新平台，让消费者得实惠，让代理商赚钱，让商家产品畅销，最终达到互利互惠、资源共享、合作共赢的新局面。</div>
      <div class="aboutUs-mall">
        <img src="../../assets/my/mall.png" alt="">
      </div>
      <div class="EnterpriseAdvantage">
        <img src="../../assets/my/EnterpriseCulture.jpg" alt="">
      </div>
      <section class="EnterpriseAdvantage-word">
        <p>
          <div class="word-head">企业精神：</div>
          <span>诚信经营、以人为本、超越自我、追求卓越</span>
        </p>
        <p>
          <div class="word-head">核心理念：</div>
          <span>持续创新、稳健发展、客户至上、共建共享</span>
        </p>
        <p>
          <div class="word-head">团队作风：</div>
          <span>爱岗敬业、求真务实、开拓进取、争取效益</span>
        </p>
        <p>
          <div class="word-head">发展使命：</div>
          <span>行业标杆、引领时代、造福人类、回报社会</span>
        </p>
      </section>
      <div class="EnterpriseCulture">
        <img src="../../assets/my/EnterpriseAdvantage.jpg" alt="">
      </div>
      <section class="EnterpriseCulture-word">
        <p>
          <div class="word-head">团队优势：</div>
          <span>拥有独立的专业研发团队，以及策划运营团队，其成员均是具有多年社会经历、工作经验的各类复合型人才，在各自的领域中都有着丰富的实战经验。</span>
        </p>
        <p>
          <div class="word-head">模式优势：</div>
          <span>结合当今市面上各类销售模式，取之长，避之短，设计特有的乐销模式，通过模式的优势与特点，最终实现用户开心消费、渠道轻松赚钱、厂家产品畅销。</span>
        </p>
        <p>
          <div class="word-head">产品优势：</div>
          <span>平台聚集了数百国际知名优质品牌，产品无一假货，均为正品。</span>
        </p>
      </section>
      <div class="company-QRCode">
        <img src="../../assets/my/QR Code.png" alt="">
      </div>
      <div class="company-QRCode-word">（扫二维码添加客服微信）</div>
      <div class="company-infomation">
        <div class="company-info">
          <div class="company-name">公司名称：四川行者乐游科技有限公司</div>
          <div class="company-contact">
            <div>联系方式：</div>
            <div class="company-contact-info">
              <div>028-83212072（热线）</div>
              <div>wanbao-xwzx （微信）</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>
<script>
  export default {
    data() {
      return {
      }
    },
    methods: {
      comeback() {
        let vm = this
        if (vm.URL) {
          vm.$router.push({ path: vm.URL })
        } else {
          vm.$router.back(-1)
        }
      },
    },
    mounted () {
      document.body.style.paddingBottom = 0
    }
  }
</script>
<style scoped>
.aComeback>div{
  width: 1.2rem;
  height: 1.2rem;
  top: .5rem;
  left: .5rem;
  position: absolute;
  
}
.aComeback img{
  height: 1.2rem;
}
.aboutUs{
  width: 100%;
}
.aboutUs img{
  display: block;
  width: 100%;
  height: 100%;
}
.mainDiv{
  background-color: #fff;
  color: #333;
}
.aboutUs-introduction{
  width: 92%;
  margin: 0 auto;
  text-align: left;
  font-size: .75rem;
  padding: 5% 0;
}
.aboutUs-mall{
  width: 92%;
  margin: 0 auto;
}
.aboutUs-mall img{
  display: block;
  width: 100%;
  height: 100%;
}
.EnterpriseAdvantage{
  margin-top: 7%;
  width: 100%;
}
.EnterpriseAdvantage img{
  width: 100%;
}
.EnterpriseAdvantage-word{
  width: 92%;
  font-size: .8rem;
  margin: 0 auto;
  text-align: left;
}
.EnterpriseAdvantage-word>div{
  margin-bottom: 5%;
}
.word-head{
  color: #000;
  display: inline-block;
  font-weight: bold;
}
.EnterpriseCulture{
  margin-top: 7%;
  width: 100%;
}
.EnterpriseCulture img{
  width: 100%;
}
.EnterpriseCulture-word{
  width: 92%;
  font-size: .8rem;
  margin: 0 auto;
  text-align: left;
  line-height: 200%;
}
.company-QRCode{
  width: 35%;
  margin: 15% auto 1%;
}
.company-QRCode img{
  display: block;
  width: 100%;
  height: 100%;
}
.company-QRCode-word{
  margin: 0 auto;
  font-size: .7rem;
  transform: scale(.75,.75)
}
.company-infomation{
  padding-top: 15%;
  width: 92%;
  text-align: left;
  margin: 0 auto;
  font-size: .6rem;
  display: flex;
  justify-content: flex-end;
}
.company-contact{
  display: flex;
  margin-top: 3%;
}
.company-contact>div,{
  display: inline-block;
  position: relative;
}
.company-contact-info{
  display: inline-block;
}
.company-contact-info div{
  margin-bottom: 5%;
}
</style>
